$height:4.1%;
$width:9.5%;
$topHeight:10.7%;
$listTableWidth:100%-$width;
$listTableHeight:85.5%;
$liHeight:3.5vh;
$topBackground-color:#fff;
$listTableMargin-left:1.7%;
$listWidth:100%-$listTableMargin-left*2;
$listHeight:72.6vh;
$listMargin-top:10.6vh;
$listTitleHeight:6.3vh;
$listMenuHeight:5.5vh;
$listMenuNum:11;
$toolMargin-top:4.8vh;
$toolIconWidth:9.5vh;
$toolIconHeight:3.8vh;
$toolIconMargin-top:0vh;
$toolBackground-color:#497ea2;
$toolMargin-right:1.2vh;
$color:#fff;
$toolBorder-radius:0.25vh;
$searchWidth:12.6%;
$searchHeight:1.9vh;
$searchMargin-right:8%;
$menuTitleLiHeight:4.8vh;
$menuTitleLiMargin-top:1vh;
$menuBorder-color:#cfe0eb;
$inputHeight:2.2vh;
$pagePadding:1vh;
$formBoxMargin-left:3vw;
$formBoxWidth:28vw;
$toolBackgroundMover-color:#639dc5;
$toolBackground-upColor:#def4b0;
.form-box-modal {
  opacity: 0;
  z-index: -10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  .formBox{
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 5px 0px black;
    .formBox{
      border: 2px solid $toolBackground-color;
      .prompt-title{background-color: #f39800 !important;}
      .prompt-cancel{display: none}
      .prompt-sure{
        .button{
          width:$toolIconWidth ;
          height:$liHeight ;
          background-color: #f39800 !important;
        }
        &:hover{
          .button{
            background-color:#f9c670 !important;
          }
        }
        &:active{
          .button{
            background-color:#def4b0 !important;
            color:#497ea2 ;

          }
        }
      }
      .main-form{
        margin: 8.6% 0;
        padding: $formBoxMargin-left/3 0;
        width:$formBoxWidth;
        li{
          height:$liHeight ;
          margin-bottom:$liHeight/2 ;
          padding: 0 $liHeight*3/4;
          position: relative;
          span{
            line-height: $liHeight;
            width:$formBoxMargin-left*2;
            text-align: justify;
            display: block;
            position: absolute;
            color: $toolBackground-color;
            float: left;
            &:after{
              content: '';
              width:$formBoxMargin-left*2;
              display: inline-block;
            }
          }
          .colon{
            position: absolute;
            left: $formBoxMargin-left*2*1.25;
          }
          input{
            width:$formBoxWidth+$formBoxMargin-left*2*4/3*-1+$formBoxMargin-left/3*-2;
            border-radius: 3px;
            border: 1px solid #ddd;
            padding-left:$liHeight/4 ;
            height: $liHeight;
            position: absolute;
            left:$formBoxMargin-left*2*4/3;
          }
        }
      }
      .btn-box{
        li{
          height: 3.5vh;
          width:5vw ;
        }
      }
    }
  }
  .close-btn{
    position: absolute;
    right: $listTableMargin-left;
    width: $liHeight*0.36;
    height: $liHeight*0.36;
    margin-top: $liHeight*0.54/2;
    cursor: pointer
  }
  .title{
    font-size: 20px;
    width: 100%;
    position: absolute;
    color: $color;
    height: $liHeight*0.9 !important;
    background-color: $toolBackground-color !important;
    line-height:$liHeight*0.9;
    text-align: left;
    top: 0;
    margin-top: 0 !important;
    border-radius: 0;
    text-indent: $liHeight*3/4;
  }
  .main-form{
    position: relative;
    margin: 50px 0;
    padding: 10px 0;
    overflow: auto;
    .warn-text{

    }
    >li{
      margin-bottom: 20px;
      height: 40px;
      background-color: transparent !important;
      padding: 0 30px;
      float:left;
      >span{
        font-size: 16px;
        color: #999;
        line-height: 40px;
        float: left;
        width: 75px;
      }
      >input{
        height: 38px;
        width: 453px;
        border-radius: 3px;
        border: 1px solid #ddd;
        padding-left: 10px
      }
      &:last-child{
        margin-bottom: 0px;
      }
      &:nth-child(4){
        >input{
          width: 208px;
          float: left
        }
      }
    }
  }
  .cancel{
    position: absolute;
    right: 100px;
    bottom: 15px;
    line-height: 30px;
    font-size: 18px;
    cursor: pointer;
    >span{
      color: #2471ac
    }
    &:hover{
      >span{
        color: #115a92
      }
    }
    &:active{
      >span{
        color: #083e68
      }
    }
  }
  .sure{
    position: absolute;
    right: 30px;
    bottom: 15px;
    line-height: 30px;
    font-size: 18px;
    cursor: pointer;
    >span{
      color: #2471ac
    }
    &:hover{
      >span{
        color: #115a92
      }
    }
    &:active{
      >span{
        color: #083e68
      }
    }
  }
}





.prompt{
  border: 2px solid #f39800 !important;
}

